<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <link rel="stylesheet" href="Responsive%20web.css"/>
   <!-- @import url("phone.css") screen and (min-width:200px) and (max-width:360px)-->
    <!--离线文件html lang="en" manifest="/offline.manifest">-->
    <title>Responsive Website</title>
</head>
<body>
<div id="wrapper">
    <header>
        <h1>AND THE WINNER IS</h1>
        <ul id="navigation">
            <li><a href="#">WHY</a> </li>
            <li><a href="#">SYNOPISIS</a> </li>
            <li><a href="#">STILLS</a> </li>
            <li><a href="#">VIDEOS</a> </li>
            <li><a href="#">QUOTES</a> </li>
            <li><a href="#">QUIZ</a> </li>
        </ul>
    </header>
        <div id="sidebar">
            <h2>Here is the sidebar</h2>
            <a href="#"><img src="Image/Flint01.jpg"></a>
            <h2>here is the sidebar</h2>
            <a href="#"><img src="Image/Flint02.jpg"></a>
        </div>
        <div id="content">
            <div id="image">
            <a href="#"><img src="Image/Flint04.jpg"></a>
            </div>
            <article>
                <h1>EVERY YEAR</h1><br/>
                <h2>WHEN I WATCH THE OSCARS I'M ANNNOYED..</h2><br/>
                <p>that films like king kong, moulin rouge and munich get the statue whilst the real cinematic heroses
                lose out. <br/>Not very Hollywood is it? <br/>
                We are here to put things right.</p>
                <a href="#">these should we have</a>
            </article>
        </div>
    <footer>
        <h3>Here is the footer</h3>
    </footer>
</div>
<!--无障碍站点
<div id="wrapper-01">
    <header role="banner">
        <div id="logo"></div>
        <nav role="navigation"></nav>
    </header>
    <div id="content-01" role="main">
        <img src="#"/>
        <h1></h1>
        <p></p>
    </div>
    <aside>
        <section role="complementary"></section>
        <section role="complementary"></section>
    </aside>
    <footer></footer>
</div>
-->
</body>
</html>
